﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>@ViewBag.Title</title>

    <!-- Reset css -->
    <link href="/css/yui/reset-min.css" rel="stylesheet" type="text/css" />
    <link href="/css/yui/base-min.css" rel="stylesheet" type="text/css" />
    <!-- Website css -->
    <link href="/css/webjies.website.css" rel="stylesheet" type="text/css" />


    <!-- JQuery (required for webjies.api.js) -->
    <script type="text/javascript" src="/js/jquery-1.6.1.min.js"></script>
    <!-- JQuery Json plugin -->
    <script type="text/javascript" src="/js/jquery.json-2.2.min.js"></script>

    <!-- JQuery ContextMenu plugin -->
    <script type="text/javascript" src="/js/jquery.contextmenu.js"></script> 
    <link href="/css/jquery.contextMenu.css" rel="stylesheet" type="text/css" />

    <!-- JQuery UI  (with: Core, Widget, Position, Dialog) (required by webjies.ui.js) -->
    <script type="text/javascript" src="/js/jquery-ui-1.8.13.custom.min.js"></script>
    <link href="/css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css" />

    <!-- JQuery template plugin -->
    <script type="text/javascript" src="/js/jquery.tmpl-beta1.min.js"></script>

    <!-- JQuery datalink plugin -->
    <script type="text/javascript" src="/js/jquery.datalink-beta1.min.js"></script>

    <!-- JQuery mousewheel -->
    <script type="text/javascript" src="/js/jquery.mousewheel.js"></script>

    <!-- WebJies API -->
    <script type="text/javascript" src="/js/webjies.api.js"></script>

    <!-- WebJies UI -->
    <script type="text/javascript" src="/js/webjies.ui.js"></script>
    <link href="/css/webjies.ui.css" rel="stylesheet" type="text/css" />

    <!-- Raphael -->
    <script type="text/javascript" src="/js/raphael-min.js"></script>
    <script type="text/javascript" src="/js/raphael.zoom.js"></script>
</head>

<body>
    <div id="page">

        <div id="header">
            <h1>
                <a href="/">
                    <span>WebJies</span>
                    <img class="logo" src="/css/img/logo.png" alt="Webjies logo" />
                </a>
            </h1>

            <div id="mainLoginInfo">
                <a href="#">sign in</a>
                &nbsp;
                <a href="#">register</a>
            </div>

            <div class="navigation">
                <ul>
                    <li class="first"><a></a></li>
                    <li class="@(ViewBag.CurrentMenu=="search"?"selected":"")"><a href="/search/">search</a></li>
                    <li class="@(ViewBag.CurrentMenu=="browse"?"selected":"")"><a href="/jie/">browse</a></li>
                    <li class="@(ViewBag.CurrentMenu=="create"?"selected":"")"><a href="/jie/create/">new jie</a></li>
                    <li class="@(ViewBag.CurrentMenu=="myjies"?"selected":"")"><a href="/">my jies</a></li>
                    <li><a href="/Tests/PlaygroundStatic.htm">playground</a></li>
                    <li class="last"><a></a></li>
                </ul>
            </div>

        </div>

        <div id="main">
            @RenderBody()
        </div>

        <div id="footer">
            <ul class="links">
                <li>
                    <a href="/"><span>home</span></a>
                </li>
                <li>
                    <a href="/"><span>about</span></a>
                </li>
                <li>
                    <a href="/api/help"><span>developer</span></a>
                </li>
            </ul>
            <div class="copyright">
                Copyright&copy; 2011 - WebJies<br />
            </div>
        </div>
    </div>

</body>
</html>
